<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>商家详情</title>
<link rel="stylesheet" href="__HOME__/css/public_style.css">
<style>
	html,body{width:100%;height:100%;}
	/*-- 顶部内容 --*/
	.top_box{position:relative;}
	.top_box>img{width:100%;}
	
	.top_title{position:absolute;top:0;left:0;width:100%;}
	.top_title>p{float:left;width:calc(100% - 104px);height:52px;line-height:52px;text-align:center;color:#fff;}
	.top_title>a{margin:20px;height:12px;width:12px;display:block;float:left;}
	.fanhui>div{border-top:2px solid #fff;border-left:2px solid #fff;height:10px;width:10px;transform:rotate(-45deg);}
	
	.top_title>a:nth-of-type(2){background:url(__HOME__/img/tubiao_02.png) no-repeat;background-size:100px 100px;background-position-X:-78px;margin:17px;height:18px;width:18px;}
	
	.top_cont{position:absolute;left:20px;bottom:-44px;width:calc(100% - 40px);background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.6);}
	.top_cont>div{padding:10px;border-bottom:1px solid #e8e8e8;}
	.top_cont>div>p{line-height:24px;}
	.top_cont>div>p:nth-of-type(1){float:left;width:calc(100% - 56px);}
	.top_cont>div>p:nth-of-type(2){float:left;width:56px;background-color:#ff8400;color:#fff;font-size:12px;text-align:center;border-radius:12px;}
	.top_cont>div>p:nth-of-type(3){clear:both;font-size:12px;color:#939393;}
	.top_cont>div>p:nth-of-type(3)>span{color:#ff8400;}
	
	.top_cont>p{border-bottom:4px solid #ff8400;line-height:40px;width:60px;text-align:center;margin:0 auto;color:#ff8400;}
	/*-- 顶部内容 --*/
	/*-- 商家情况 --*/
	.sj_condition{margin:60px 20px 0;padding-bottom:20px;}
	.sj_condition>p{font-size:14px;line-height:24px;padding:4px 0;color:#9a9a9a;}
	.sj_condition img{width:100%;}
	.dz_left{float:left;width:calc(100% - 24px)}
	.dz_right{float:left;width:24px;height:24px;background:url(__HOME__/img/tubiao_02.png) no-repeat;background-position-X:-54px;background-size:100px 100px;margin-top:4px;}
	.vr_box{clear:both;width:32px;height:32px;background:url(__HOME__/img/tubiao_02.png) no-repeat;background-size:100px 100px;background-position:-40px -66px;margin-bottom:10px;}
	/*-- 商家情况 --*/
	
</style>
</head>

<body>
	<!-- 顶部内容 -->
	<div class="top_box">
		<img src="__HOME__/img/sjxq_topimg.jpg" alt="">
		<div class="top_title">
			<a href="{:url('shop')}" class="fanhui"><div></div></a>
			<p>{$data['name']}</p>
			<a href=""></a>
		</div>
		<div class="top_cont">
			<div>
				<p>{$data['name']}</p>
				<p>
				{notempty name="data['discount']"}
                	{$data['discount']}折
        		{/notempty}
                </p>
             
				<p>{$data['address']} - <span>离这里 2km</span> </p>
			</div>
			<p>商家</p>
		</div>
	</div>
	<!-- 顶部内容 -->
	<!-- 商家情况 -->
	<div class="sj_condition">
		<p style="color:#6a6a6a;">主营：{$data['major']}</p>
		<p>营业时间：{$data['business_time_u']}</p>
		<p class="dz_left">地址： {$data['address']}</p>
		<div class="dz_right"></div>
		<div class="vr_box"></div>
		<div id="contain">
			{$data['info']}
		</div>
<!-- 		<div><img src="__HOME__/img/lue01.jpg" alt=""></div>
		<p>内容内容内容</p>
		<div><img src="__HOME__/img/lue02.jpg" alt=""></div>
		<p>内容内容内容</p> -->
	</div>
	<!-- 商家情况 -->
</body>
<script src="__HOME__/js/jquery-3.3.1.js"></script>
<script>

</script>
</html>
